<template>
	<view class="meet_list">
		<view class="meetSearch-item" v-for="(item, index) in dataList" :key="index" @click="openDetail(item)">
			<image class="meetSearch-item-zfx " :src="item.logo" mode="aspectFill"></image>
			<view class="meetSearch-item-left">
				<view class="u-line-2">{{ item.name }}</view>
				<view class="title u-line-1" v-if="item.title">{{ item.title }}</view>
				<view class="readTime">
					<view class="time">{{ item.start_date | format }} ~ {{item.end_date | format}}</view>
					<!-- <view class="">777777 阅读</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { formatDate } from '@/utils/moment/index.js';
export default {
	components: {},
	filters: {
		format(data, str = 'YYYY-MM-DD HH:mm:ss') {
			return formatDate(data, str);
		}
	},
	props: {
		parameter: {
			type: Object,
			default: () => {
				return {};
			}
		},
		dataList: {
			type: Array,
			default: []
		},
		handType: {
			type: Number,
			default: 1
		} // 1：直接跳转
	},
	data() {
		return {};
	},

	methods: {
		openDetail(item) {
			if (this.handType == 1) {
				this.$linkTo(`/package/meet/index?id=${item.pk_id}`);
			} else {
				this.$emit('openDetail', item);
			}
		}
	}
};
</script>

<style scoped lang="scss">
.meet_list {
	background-color: #fff;
	padding: 0 26rpx;
	.meetSearch-item {
		display: flex;
		justify-content: space-between;
		border-bottom: 1rpx solid #f5f5f5;
		padding: 30rpx 0;
		&:last-of-type{
			border-bottom: none;
		}
		.meetSearch-item-zfx {
			width: 260rpx;
			height: 180rpx;
			border-radius: 14rpx;
		}
		.meetSearch-item-left {
			margin-left: 40rpx;
			display: flex;
			flex: 1;
			flex-direction: column;
			justify-content: space-between;
		}
		.title{
			margin-top: 6rpx;
			font-size: 24rpx;
		}
		.readTime {
			display: flex;
			justify-content: space-between;
			color: #999;
			font-size: 26rpx;
		}
		.guest {
			margin: 10rpx 0;
		}
	}
}
</style>
